@charset "utf-8";
/* CSS Document */
html{text-overflow:hidden;
    white-space: no-wrap;width:100%;}
body{margin:0; padding: 0;width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; }
a{ color:#000; text-decoration:none;}
ol,ul,li{ list-style:none; padding:0; margin:0;}
p{ margin:0;}
i,em{ font-style:normal;}
b,strong{ font-weight:normal;}
/*outline: none  去除图片移动端自带边框*/
a img{ border:none;outline: none;}
input{outline: none; border: none;font-size: 1.4rem;color:#999999;}
textarea{outline:none}
/*移动端点击蓝屏现象 -webkit-tap-highlight-color:rgba(0,0,0,0)*/
*{margin: 0; padding: 0;cursor: pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.clearfix:after{ display:block; content:""; clear:both;}
.clearfix{ zoom:1; }
.back{
    cursor:pointer;
    padding-right:2rem;
}
/*ios去除点击边框*/
a:focus,
input:focus,
p:focus,
div:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only;
}
.lf{
    float: left;
}
.rt{
    float: right;
}
/*底部标签切换*/
 .foot{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
     /*height: 5rem; */
    padding: 0.6rem 0;
    border-top: 1px solid #DDDDDD;
    background: white;
    z-index: 1500;
 }
 .foot ul{
    display: flex;
    justify-content: space-around;
    align-items: center;
 }
 .foot ul p{
    font-size:1rem;
    color:rgba(102,102,102,1);
    margin-top: 0.1rem;
    text-align: center;
 }
 .footpic i{
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    margin:auto;
    background-size: 14rem 2.2rem;
    background-image:url("../img/c_nav_1.png");
    background-repeat: no-repeat;
 }
.pic_active i{
    background-image:url("../img/c_nav_2.png");
 }
.pic_active p{
    color:#ed5452 !important;
 }
#nav_index i{
    background-position: 0 0;
 }
#nav_lietou i{
    background-position: -3rem 0;
 }
#nav_fabu i{
    background-position: -6rem 0;
}
#nav_fenlei i{
    background-position: -8.8rem 0;
 }
#nav_wode i{
    background-position: -11.7rem 0;
}
 .footpicA,.footpicB,.footpicC,.footpicD,.footpicE{
    margin-top: 0.5rem;
 }
 .footpicA img,.footpicB img,.footpicC img,.footpicD img,.footpicE img{
    width: 100%;
 }
 .homePage{
    display: block;
    padding:5rem 0;
 }
 .loading{
    display: none;
    width:100%;
    position: fixed;
    top:0;
    bottom:0rem;
    z-index:9999;
    background-color: rgba(0,0,0,0.5);
    
}
.loading>div{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: fixed;
    top:40%;
    left:50%;
    margin-left: -40px;
    border:4px solid lightgreen;
    -webkit-animation: turn 2s linear infinite;
}
.loading>div> span{
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: lightgreen;
    position: absolute;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px;
    -webkit-animation: changeBgColor 2s linear infinite;
}
@-webkit-keyframes changeBgColor{
    0%{
        background: lightgreen;
    }
    100%{
        background: lightblue;
    }
}
@-webkit-keyframes turn{
    0%{
        -webkit-transform: rotate(0deg);
        border-color: lightgreen;
    }
    100%{
        -webkit-transform: rotate(360deg);
        border-color: lightblue;
    }
}
/*小购物车*/
.foot b{
    position:absolute;
    width: 3rem;
    height:3rem;
    border-radius:50%;
    // overflow:hidden;
    // background:red;
    right:2rem;
    top: -4rem;
}